/** @jsxImportSource @emotion/react */
import {  Global } from "@emotion/react";
import * as React from "react";
import {
    Button,InputLine, CheckSwitch,
    IconCheckSquare, IconSquare, Input, InputDatalist, SuffixInput,
    TextArea, Layer,  useTheme,
    LineColumnFlex,useReferenceWidth,
} from "customize-easy-ui-component";
import queryString from "query-string";
import {useContext, useRef, useState} from "react";
import {UserContext} from "../routing/UserContext";
import backgroundAll from "./pic/2518841076.webp";
import {EditStorageContext, useEditStorageContext} from "../report/StorageContext";
// import Switch from "react-switch";
import {InspectRecordLayout, InternalItemProps, useItemInputControl} from "../report/common/base";
import {useMedia,} from "use-media";
import cutting_board_knife from "../images/cutting-board-knife.jpg";
//import DATA_HTML1 from "./data/newsMark.html";   需要 weboack的配合处理关联文件类型；

//【主题数据】存储到数据库，可能图片也得单独上传OSS;
//目标 https://www.zjtj.org/frontend/article/detail.html?articleId=1777&menuId=161
const orginalHtml=`
<!DOCTYPE html>
<html lang="zh" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width,initial-scale=0.4,maximum-scale=0.4,minimum-scale=0.4,user-scalable=yes, viewport-fit=cover"/>
        <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval'; object-src 'none';style-src 'self' 'unsafe-inline';">
        <title>浙江特检在线/浙江省特种设备科学研究院/浙江特种设备作业人员培训/浙江特种设备叉车培训/特科院/特检院/特种设备检验研究院</title>
        <link rel="stylesheet" href="/static/frontend/css/common.css?v=162242185">
        <link rel="stylesheet" href="/static/frontend/css/index.css?v=162242226">
        <link rel="stylesheet" href="/static/frontend/css/xiugai.css?v=162242188">
        <link rel="stylesheet" href="/static/frontend/css/bootstrap.min.css?v=162242185">
        <!--    <style type="text/css">-->
        <!--        html {-->
        <!--            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-->
        <!--            -webkit-filter: grayscale(100%);}-->
        <!--    </style>-->
    </head>
    <body>
        <!--头部（导航栏+banner）-->
        <div class="header">
            <div class="navBar">
                <ul class="firstMenu">
                    <li class="firstMenuList">
                        <a href="https://www.zjtj.org" target="_self">
                            <span>首页</span>
                        </a>
                    <li class="firstMenuList">
                        <span>单位概况</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=16&amp;menuId=106" target="_blank">我院介绍</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=17&amp;menuId=107" target="_blank">机构设置</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=156" target="_blank">专家风采</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=50&amp;menuId=157" target="_blank">设备资源</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=158" target="_blank">荣誉奖励</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=43&amp;menuId=159" target="_blank">历史沿革</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <span>新闻讯息</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=161" target="_blank">院内新闻</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=160" target="_blank">通知公告</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=162" target="_blank">媒体报道</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=163" target="_blank">特检文化</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <span>业务范围</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=196&amp;menuId=318" target="_blank">电梯检验检测及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=197&amp;menuId=330" target="_blank">材料性能检测及承压设备型式试验</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=198&amp;menuId=331" target="_blank">压力容器检验及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=199&amp;menuId=332" target="_blank">产品制造监检</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=200&amp;menuId=333" target="_blank">长输管道与储罐检验及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=201&amp;menuId=334" target="_blank">起重机械检验检测及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=202&amp;menuId=335" target="_blank">移动式压力容器检验检测及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=203&amp;menuId=336" target="_blank">锅炉检验及技术服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=204&amp;menuId=337" target="_blank">安全阀校验服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=205&amp;menuId=338" target="_blank">大型游乐设施检验及委托检测</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=206&amp;menuId=339" target="_blank">三位一体绿色发展评价服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=207&amp;menuId=340" target="_blank">产品质量司法鉴定</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=208&amp;menuId=341" target="_blank">职业教育与作业考试</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=209&amp;menuId=342" target="_blank">鉴定评审</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=210&amp;menuId=343" target="_blank">普法科普</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=211&amp;menuId=344" target="_blank">产业服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=212&amp;menuId=345" target="_blank">咨询教育及隐患排查服务</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=213&amp;menuId=346" target="_blank">特种设备科学研究</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <span>科技创新</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=27&amp;menuId=165" target="_blank">创新载体</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=48&amp;menuId=166" target="_blank">科研项目及创新成果</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=362" target="_blank">开放科研平台</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://ding.cjfx.cn/f/buamgc7f" target="_blank">我要咨询</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <span>信息公开</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="http://qfjf.zjamr.zj.gov.cn/Manage/Docking/Details.html?deptcode=12330000470027240N" target="_blank">收费标准</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="http://qfjf.zjamr.zj.gov.cn/Manage/Docking/Details.html?deptcode=12330000470027240N" target="_blank">收费文件</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://cnse.e-cqs.cn/info-pub/pub/" target="_blank">证书查询公示</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="http://zjtj.zjtsks.com/index.shtml" target="_blank">考试计划及成绩公示</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=171" target="_blank">年度预决算公开</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="/frontend/article/list.html?menuId=356" target="_blank">人才招聘</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <span>联系我们</span>
                        <div class="secondMenuBox none">
                            <ul class="secondMenu ">
                                <li class="secondMenu">
                                    <a href="/frontend/article/detail.html?articleId=17&amp;menuId=355" target="_blank">联系电话</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://ding.cjfx.cn/f/buamgc7f" target="_blank">我要咨询</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://ding.cjfx.cn/f/owswpw72" target="_blank">投诉建议</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://ding.cjfx.cn/f/2rmjdn7n" target="_blank">院长信箱</a>
                                </li>
                                <li class="secondMenu">
                                    <a href="https://ding.cjfx.cn/f/dh7muwry" target="_blank">纪委信箱</a>
                                </li>
                            </ul>
                            <span class="arrow">
                                <span class=""></span>
                            </span>
                        </div>
                    </li>
                    <li class="firstMenuList">
                        <a href="/frontend/article/detail.html?articleId=669&amp;menuId=360" target="_blank">
                            <span>主体资质</span>
                        </a>
                </ul>
                <p class="consultTel">服务热线：0571-88178897</p>
                <div class="search_form">
                    <input type="text" class="input_text">
                    <div class="input_sub"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="bannerBox">
                <div id="demo" class="carousel slide carousel-fade" data-ride="carousel">
                    <!-- 指示符 -->
                    <ul class="carousel-indicators">
                        <li data-target="#demo" data-slide-to="0" class="active"></li>
                        <li data-target="#demo" data-slide-to="1"></li>
                        <li data-target="#demo" data-slide-to="2"></li>
                    </ul>
                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="/upload/a9/463c15a504f506298346eb8bfea29b.jpg">
                            <div class="sixInOne">
                                <div class="sixInOneBox">
                                    <div class="sixInOneBoxHover middletop">
                                        <a href="/frontend/article/detail.html?articleId=3&amp;menuId=118"></a>
                                    </div>
                                    <div class="sixInOneBoxHover lefttop">
                                        <a href="/frontend/article/detail.html?articleId=4&amp;menuId=116"></a>
                                    </div>
                                    <div class="sixInOneBoxHover leftbottom">
                                        <a href="/frontend/article/detail.html?articleId=5&amp;menuId=117"></a>
                                    </div>
                                    <div class="sixInOneBoxHover middlebottom">
                                        <a href="/frontend/article/detail.html?articleId=1711&amp;menuId=119"></a>
                                    </div>
                                    <div class="sixInOneBoxHover rightbottom">
                                        <a href="/frontend/article/detail.html?articleId=7&amp;menuId=121"></a>
                                    </div>
                                    <div class="sixInOneBoxHover righttop">
                                        <a href="/frontend/article/detail.html?articleId=8&amp;menuId=120"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <a href="/frontend/article/list.html?menuId=380" target="_blank">
                                <img src="/upload/27/193d9012fa7bf6be178c164933b90f.jpg">
                            </a>
                        </div>
                        <div class="carousel-item">
                            <a href="/frontend/article/list.html?menuId=158" target="_blank">
                                <img src="/upload/3c/3c6f0fda275fe2b26ff0c29611751a.jpg">
                            </a>
                        </div>
                    </div>
                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#demo" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                </div>
            </div>
        </div>
        <!--板块 -->
        <div id="in-main" style="position:relative">
            <div class="in-main">
                <ul class="tab-lab">
                    <li class="tab-lab-linone">
                        <img src="/upload/d2/f8b4b8e4a93ab3e25eb929298fd274.png">
                        <div class="im-box">
                            <a href="http://tsgz.zjamr.zj.gov.cn/jc_kh/dist/index.html#/" target="_blank">
                                <p>浙江特种</p>
                                <p>设备在线</p>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-li">
                        <img src="/upload/aa/82678808bfa13b0cd0c6a394cc1fe1.png">
                        <div class="im-box">
                            <h3>办事指南</h3>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/f2/f493c8761f28e50bd015d1d52e066b.png">
                        <div class="im-box">
                            <a href="https://kf.zjtj.org:8080" target="_blank">
                                <h3>客户服务</h3>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/27/aea6535bb1310c48867f95f4c16065.png">
                        <div class="im-box">
                            <a href="http://yw.zjsei.com:8051/webroot/decision/view/form?viewlet=SZTKY%252F%25E8%25A1%258C%25E6%2594%25BF%25E6%2594%25AF%25E6%2592%2591-1.frm&amp;ref_t=design&amp;op=form_adaptive&amp;ref_c=ee8dc7ca-b054-4275-8e09-e9f11aaa6ae6" target="_blank">
                                <h3>行政支撑</h3>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/98/ca9ed6602de3a56b9ec9935d51a421.png">
                        <div class="im-box">
                            <a href="http://yw.zjsei.com:8051/webroot/decision/view/form?viewlet=SZTKY%252F%25E6%25A3%2580%25E9%25AA%258C%25E6%25A3%2580%25E6%25B5%258B-1.frm&amp;ref_t=design&amp;op=form_adaptive&amp;ref_c=ee8dc7ca-b054-4275-8e09-e9f11aaa6ae6" target="_blank">
                                <h3>检验检测</h3>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/99/ff2c70ca596884f26cafff58d27ede.png">
                        <div class="im-box">
                            <a href="https://el.zjtj.org/" target="_blank">
                                <h3>职业教育</h3>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/2e/dfa8545fcefe0e62c18804cf76f55e.png">
                        <div class="im-box">
                            <a href="http://yw.zjsei.com:8051/webroot/decision/view/form?viewlet=SZTKY%252F%25E7%25A7%2591%25E5%25AD%25A6%25E7%25A0%2594%25E7%25A9%25B6-1.frm&amp;ref_t=design&amp;op=form_adaptive&amp;ref_c=e455a7d1-90e5-4b38-9007-99d23c3ebd81" target="_blank">
                                <h3>科学研究</h3>
                            </a>
                        </div>
                    </li>
                    <li class="tab-lab-linone">
                        <img src="/upload/dc/572196f189afdfa1b0ae7b186cd602.png">
                        <div class="im-box">
                            <a href="http://yw.zjsei.com:8051/webroot/decision/view/form?viewlet=SZTKY%252F%25E5%2585%259A%25E6%2594%25BF%25E6%2599%25BA%25E6%25B2%25BB-1.frm&amp;ref_t=design&amp;op=form_adaptive&amp;ref_c=ee8dc7ca-b054-4275-8e09-e9f11aaa6ae6" target="_blank">
                                <h3>党政智治</h3>
                            </a>
                        </div>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="daf-qie">
                <div class="tab-con clearfix">
                    <!-- 切换的内容-->
                    <ul class="clearfix">
                        <li class="ss ss1">
                            <a href="/frontend/article/detail.html?articleId=25&amp;menuId=286" target="_blank">
                                <div class="ali-product-name">检验检测业务</div>
                            </a>
                            <div class="thirdmenu">
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=25&amp;menuId=286" target="_blank">电梯</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=29&amp;menuId=287" target="_blank">锅炉</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=35&amp;menuId=288" target="_blank">压力管道</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=40&amp;menuId=289" target="_blank">压力容器</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=44&amp;menuId=290" target="_blank">医用氧舱</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=68&amp;menuId=291" target="_blank">移动式压力容器</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=80&amp;menuId=292" target="_blank">起重机械</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=84&amp;menuId=293" target="_blank">场（厂）内专用机动车辆</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=87&amp;menuId=294" target="_blank">游乐设施</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=90&amp;menuId=295" target="_blank">客运索道</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=93&amp;menuId=296" target="_blank">水（介）质处理检验检测</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=96&amp;menuId=297" target="_blank">产品制造监检</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=99&amp;menuId=298" target="_blank">材料性能检测</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=98&amp;menuId=350" target="_blank">节能环保检测</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=97&amp;menuId=351" target="_blank">安全阀校验</a>
                                </label>
                            </div>
                        </li>
                        <li class="ss ss1">
                            <a href="https://www.zjtj.org/frontend/article/detail.html?articleId=95&amp;menuId=299#articleList" target="_blank">
                                <div class="ali-product-name">型试试验</div>
                            </a>
                            <div class="thirdmenu">
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=95&amp;menuId=299" target="_blank">电梯整机及部件</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=92&amp;menuId=300" target="_blank">简单压力容器</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=94&amp;menuId=347" target="_blank">压力管道元件</a>
                                </label>
                                <label>
                                    <a href="/frontend/article/detail.html?articleId=1767&amp;menuId=382" target="_blank">起重机械</a>
                                </label>
                            </div>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/detail.html?articleId=91&amp;menuId=199" target="_blank">
                                <div class="ali-product-name">在用电梯安全风险评估</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/list.html?menuId=200" target="_blank">
                                <div class="ali-product-name">特种设备培训业务</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/list.html?menuId=202" target="_blank">
                                <div class="ali-product-name">鉴定评审</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/detail.html?articleId=88&amp;menuId=203" target="_blank">
                                <div class="ali-product-name">质量司法鉴定</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/detail.html?articleId=86&amp;menuId=348" target="_blank">
                                <div class="ali-product-name">产品监督抽查</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="/frontend/article/detail.html?articleId=89&amp;menuId=349" target="_blank">
                                <div class="ali-product-name">绿色评价</div>
                            </a>
                        </li>
                        <li class="ss ss1">
                            <a href="https://www.zjtj.org/frontend/article/detail.html?articleId=905#articleList" target="_blank">
                                <div class="ali-product-name">服务承诺</div>
                            </a>
                        </li>
                        <!-- 切换的内容-->
                    </ul>
                </div>
            </div>
        </div>
        <!--列表内页-->
        <div class="list" id="articleList">
            <div class="breadcrumbNav">
                <p>当前位置：</p>
                <ul>
                    <li>
                        <a href="#">新闻讯息</a>
                    </li>
                    <li class="arr">></li>
                    <li>
                        <a href="#">院内新闻</a>
                    </li>
                </ul>
            </div>
            <div class="cont">
                <div class="contLeft">
                    <p>新闻讯息</p>
                    <ul>
                        <li class="selected">
                            <a href="/frontend/article/list.html?menuId=161" target="_self">
                                <p>院内新闻</p>
                            </a>
                        <li>
                            <a href="/frontend/article/list.html?menuId=160" target="_self">
                                <p>通知公告</p>
                            </a>
                        <li>
                            <a href="/frontend/article/list.html?menuId=162" target="_self">
                                <p>媒体报道</p>
                            </a>
                        <li>
                            <a href="/frontend/article/list.html?menuId=163" target="_self">
                                <p>特检文化</p>
                            </a>
                    </ul>
                </div>
                <div class="contRightBox">
                    <div class="cont_title">
                        <h1>浙江清华长三角研究院党委副书记汪光年一行到省特科院交流调研</h1>
                        <ul class="cont_titleLeft">
                            <li>
                                日期：<span>2024-05-16</span>
                            </li>
                            <li>
                                来源：<span>浙江特检</span>
                            </li>
                            <li>
                                浏览次数：<span>198</span>
                            </li>
                        </ul>
                    </div>
                    <div class="contdetail">
                        <p>
                            <span style="font-size:18px;">
                                <span style="font-family:SimSun;">5月16日，浙江清华长三角研究院党委副书记汪光年一行到省特科院交流调研，院党委书记、院长钟海见等班子成员及相关部门负责人参加座谈。</span>
                            </span>
                        </p>
                        <p>
                            <span style="font-size:18px;">
                                <span style="font-family:SimSun;">汪光年书记一行参观了院荣誉室，观看了院新型事业单位改革纪实宣传片，听取了省特科院新型事业单位改革工作介绍。</span>
                            </span>
                        </p>
                        <p>
                            <span style="font-size:18px;">
                                <span style="font-family:SimSun;">汪光年书记充分肯定省特科院通过深化改革，成功转型升级为新型研发机构，在检验检测、科研创新、实验室建设等方面成效显著，为全省特种设备安全作出了突出贡献。双方表示将在保障安全、人才引进等方面加强沟通合作，共同为 &ldquo;平安浙江 &rdquo;建设提供技术支撑。</span>
                            </span>
                        </p>
                        <p style="text-align: center;">
                            <span>
                                <img alt="" src="https://www.zjtj.org/upload/8a/0a45cab8bcde8e23f8cab30b5fa137.JPG" style="max-width: 100%; border: 0px; width: 600px; height: 400px;"/>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!--我要咨询/我要投诉/我要建议/院长信箱-->
        <div class="link_img clearfix">
            <ul>
                <li>
                    <a href="http://www.samr.gov.cn/" target="_blank">
                        <img src="/upload/08/aa26486e8eef63123accef5e3dcc1c.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="http://www.samr.gov.cn/tzsbj/" target="_blank">
                        <img src="/upload/32/963a9d8cf7c1babcaee64a8b89e025.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://www.zjzwfw.gov.cn/zjservice/front/index/page.do?webId=1" target="_blank">
                        <img src="/upload/c6/094c855846137218647b295be51e44.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="http://zjamr.zj.gov.cn/" target="_blank">
                        <img src="/upload/97/f2aa35ce3da504ecbfae3cf50e5d76.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="http://www.casei.org.cn/" target="_blank">
                        <img src="/upload/b6/2cd2651aa72663e6f4509b4fa63e7f.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="http://www.cpase.org.cn/" target="_blank">
                        <img src="/upload/3f/32a2a9a2781097c20ad75a68da14f1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="http://www.zjasem.com/#/" target="_blank">
                        <img src="http://www.zjtj.org/upload/8c/c6949dc8cd1c34a1d01fde6a9ede32.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <!--友情链接-->
        <div id="link">
            <div class="link">
                <p>友情链接</p>
                <div style="display: flex;justify-content: space-between;">
                    <!-- 下拉框 -->
                    <select name="select" onchange="if(this.value != '') window.open(this.value, '', '')">
                        <option value="">---国家机关---</option>
                        <option value="http://www.gov.cn/">中华人民共和国中央人民政府</option>
                        <option value="https://www.ndrc.gov.cn/">中华人民共和国国家发展和改革委员会</option>
                        <option value="http://www.most.gov.cn">中华人民共和国科学技术部</option>
                        <option value="https://www.miit.gov.cn/">中华人民共和国工业和信息化部</option>
                        <option value="http://www.mof.gov.cn/index.htm">中华人民共和国财政部</option>
                        <option value="http://www.mohrss.gov.cn">中华人民共和国人力资源和社会保障部</option>
                        <option value="http://www.mot.gov.cn">中华人民共和国交通运输部</option>
                        <option value="http://www.audit.gov.cn">中华人民共和国审计署</option>
                        <option value="https://www.mem.gov.cn/">中华人民共和国应急管理部</option>
                        <option value="http://www.zj.gov.cn">浙江省人民政府</option>
                    </select>
                    <select name="select" onchange="if(this.value != '') window.open(this.value, '', '')">
                        <option value="">---市场监管系统---</option>
                        <option value="http://www.samr.gov.cn">国家市场监督管理总局</option>
                        <option value="http://zjamr.zj.gov.cn">浙江省市场监督管理局</option>
                        <option value="http://scjgj.sh.gov.cn/">上海市市场监督管理局</option>
                        <option value="http://scjgj.jiangsu.gov.cn/index.html">江苏省市场监督管理局</option>
                        <option value="https://amr.ah.gov.cn/">安徽省市场监督管理局</option>
                        <option value="http://amr.gd.gov.cn">广东省市场监督管理局</option>
                        <option value="http://scjgj.sc.gov.cn">四川省市场监督管理局</option>
                        <option value="http://www.zjzay.com">浙江省产品质量安全科学研究院</option>
                        <option value="http://www.fzcg.com.cn">浙江省计量科学研究院</option>
                        <option value="http://www.zis.org.cn/">浙江省标准化研究院</option>
                        <option value="http://www.fzttj.com">浙江省轻工业品质量检验研究院</option>
                        <option value="http://www.fytest.com">浙江方圆检测集团股份有限公司</option>
                        <option value="http://www.zjscdb.com/index.php">市场导报社</option>
                    </select>
                    <select name="select" onchange="if(this.value != '') window.open(this.value, '', '')">
                        <option value="">---特检机构---</option>
                        <option value="http://www.csei.org.cn">中国特种设备检测研究院</option>
                        <option value="http://www.ssei.cn">上海市特种设备监督检验技术研究院</option>
                        <option value="http://www.jstzsb.com">江苏省特种设备安全监督检验研究院</option>
                        <option value="http://www.gdsei.org.cn">广东省特种设备检测研究院</option>
                        <option value="http://www.scsei.org.cn">四川省特种设备检验研究院</option>
                        <option value="https://www.zljweb.com/org/470106213">杭州市特种设备检测研究院</option>
                        <option value="http://www.nbtjzx.com">宁波市特种设备检验研究院</option>
                        <option value="http://wzmsa.wenzhou.gov.cn/tjy/index.html">温州市特种设备检测科学研究院</option>
                        <option value="http://www.hztjzx.cn">湖州市特种设备检测研究院</option>
                        <option value="http://www.jxtjy.com.cn">嘉兴市特种设备检测院</option>
                        <option value="http://www.sxtjy.com">绍兴市特种设备检测院</option>
                        <option value="http://scjgj.jinhua.gov.cn/art/2020/1/7/art_1229251574_26760.html">金华市特种设备检验检测院</option>
                        <option value="https://www.zljweb.com/org/74902483X">衢州市特种设备检验中心</option>
                        <option value="http://www.zstj.org.cn">舟山市特种设备检测院</option>
                        <option value="http://scjgj.zjtz.gov.cn/col/col1229051648/index.html">台州市特种设备检验检测研究院</option>
                        <option value="https://www.zljweb.com/org/472261938">丽水市特种设备检测院</option>
                    </select>
                    <select name="select" onchange="if(this.value != '') window.open(this.value, '', '')">
                        <option value="">---行业协会---</option>
                        <option value="http://www.casei.org.cn">中国特种设备检验协会</option>
                        <option value="http://www.cpase.org.cn">中国特种设备安全与节能促进会</option>
                        <option value="http://www.cscbpv.org.cn">全国锅炉压力容器标准化技术委员会</option>
                        <option value="https://www.chinaboiler.org.cn/">中国锅炉水处理协会</option>
                        <option value="http://www.elevator.org.cn/">中国电梯协会</option>
                        <option value="http://www.cciea.com">中国化工装备协会</option>
                        <option value="http://www.iso.org/iso/home.html">国际标准化组织</option>
                        <option value="http://www.iec.ch">国际电工委员会</option>
                    </select>
                </div>
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <div class="footerBox">
                <div class="footerLeft">
                    <p>办事大厅：0571-88178897</p>
                    <p>培训咨询：0571-86821791 行风投诉电话：0571-85085701</p>
                    <p>质量投诉电话：0571-86026725</p>
                </div>
                <div class="footerMiddle">
                    <p>2015 &copy;浙江省特种设备科学研究院 版权所有</p>
                    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
                        <p>浙ICP备13037224号-4</p>
                    </a>
                    <span id="_ideConac">
                        <a href="//bszs.conac.cn/sitename?method=show&amp;id=2C68ADC3070F5DD4E053012819AC70F5" target="_blank">
                            <img id="imgConac" vspace="0" hspace="0" border="0" src="//dcs.conac.cn/image/blue.png" data-bd-imgshare-binded="1" style="width:45px">
                        </a>
                    </span>
                    <span id="cnzz_stat_icon_1257782736">
                        <a href="//www.cnzz.com/stat/website.php?web_id=1257782736" target="_blank" title="站长统计">
                            <img border="0" hspace="0" vspace="0" src="//icon.cnzz.com/img/pic.gif">
                        </a>
                    </span>
                </div>
                <div class="footerRight">
                    <p>凯旋路总部地址：杭州市上城区凯旋路211号 邮编：310020</p>
                    <p>海宁基地地址：海宁市尖山新区凤凰路77号 邮编：314415</p>
                    <p>大江东基地地址：杭州市钱塘区青西二路1111号 &nbsp;邮编：310020</p>
                    <p>下沙基地地址：杭州市下沙学源街68号杭州职业技术学院图书馆四楼 邮编：310018</p>
                    <p>天目山路基地地址：杭州市西湖区天目山路222号3楼 邮编：310063</p>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="/static/frontend/js/jq.js?v=1622421861"></script>
        <script type="text/javascript" src="/static/frontend/js/cont.js?v=162242202"></script>
        <script type="text/javascript" src="/static/frontend/js/index.js?v=162242207"></script>
        <script type="text/javascript" src="/static/frontend/js/banner.js?v=162242189"></script>
        <script type="text/javascript" src="/static/frontend/js/popper.min.js?v=162242185"></script>
        <script type="text/javascript" src="/static/frontend/js/bootstrap.min.js?v=162242185"></script>
    </body>
</html>

`;

const DATA_HTML1 = `

<div class="cont_title"><h3>浙江清华长三角研究院党委副书记汪光年一行到省特科院交流调研</h3><ul class="cont_titleLeft"><li>日期：<span>2024-05-16</span></li><li>来源：<span>浙江特检</span></li><li>浏览次数：<span>195</span></li></ul></div>

<div class="contdetail"><p><span style="font-size:18px;"><span style="font-family:SimSun;">　　5月16日，浙江清华长三角研究院党委副书记汪光年一行到省特科院交流调研，院党委书记、院长钟海见等班子成员及相关部门负责人参加座谈。</span></span></p>

    <p><span style="font-size:18px;"><span style="font-family:SimSun;">　　汪光年书记一行参观了院荣誉室，观看了院新型事业单位改革纪实宣传片，听取了省特科院新型事业单位改革工作介绍。</span></span></p>

    <p><span style="font-size:18px;"><span style="font-family:SimSun;">　　汪光年书记充分肯定省特科院通过深化改革，成功转型升级为新型研发机构，在检验检测、科研创新、实验室建设等方面成效显著，为全省特种设备安全作出了突出贡献。双方表示将在保障安全、人才引进等方面加强沟通合作，共同为“平安浙江”建设提供技术支撑。</span></span></p>

    <p style="text-align: center;"><span><img alt="" src="https://www.zjtj.org/upload/8a/0a45cab8bcde8e23f8cab30b5fa137.JPG" style="max-width: 100%; border: 0px; width: 600px; height: 400px;"></span></p></div>


`;




const daL改造内容=[['改变主要受力结构件的结构形式','改结构形'],['改变主要机构的配置形式','改配置形'],['改变主参数','改主参']];
const 改造内容={
    view:(orc:any)=>{
        return <div css={{display: 'flex',flexDirection: 'column',alignItems: 'flex-start'}}>
            { daL改造内容.map(([desc,name] : any, i:number)=> {
                return <div key={i} css={{display: 'flex',alignItems: 'center'}}>{orc?.[name]? <IconCheckSquare size='sm'/> : <IconSquare size='sm'/>}&nbsp;{desc}。</div>;
            }) }
        </div>
    },
    edit:(inp:any,setInp:(a:any)=>void)=>{
        return <div  key={999} css={{flex: '1 1 50%'}}>
            { daL改造内容.map(([desc,name] : any, i:number)=> {
                return <InputLine key={i} label={`${desc}:`}>
                    <CheckSwitch  checked={inp?.[name] || false} onChange={e => setInp({...inp, [name]: inp?.[name]? undefined:true}) } />
                </InputLine>;
            }) }
        </div>
    }
};
const daL重大修理内容=[['更换主要受力结构件','换结构件'],['更换主要机构','换机构'],['更换控制系统','换控制']];
const 重大修理内容={
    view:(orc:any)=>{
        return <div css={{display: 'flex',flexDirection: 'column',alignItems: 'flex-start'}}>
            { daL重大修理内容.map(([desc,name] : any, i:number)=> {
                return <div key={i} css={{display: 'flex',alignItems: 'center'}}>{orc?.[name]? <IconCheckSquare size='sm'/> : <IconSquare size='sm'/>}&nbsp;{desc}。</div>;
            }) }
        </div>
    },
    edit:(inp:any,setInp:(a:any)=>void)=>{
        return <div key={998} css={{flex: '1 1 50%'}}>
            { daL重大修理内容.map(([desc,name] : any, i:number)=> {
                return <InputLine key={i} label={`${desc}:`}>
                    <CheckSwitch  checked={inp?.[name] || false} onChange={e => setInp({...inp, [name]: inp?.[name]? undefined:true}) } />
                </InputLine>;
            }) }
        </div>
    }
};
const 检验依据={
    edit:(inp:any,setInp:(a:any)=>void)=>{
        return <InputLine  key={997}  label='检验依据：'>
            <InputDatalist value={(inp?.[`检验依据`]) || ''} datalist={['《起重机械安全技术规程》（TSG 51-2023）',]}
                           onListChange={v => {
                               setInp({ ...inp, [`检验依据`]:v || undefined});
                           } } />
        </InputLine>
    }
};
const render下检日={
    view:(orc:any)=>{      //不能用.['下检日期']它是snapshot台账的下检日期，还未没改的。
        const date=new Date(orc?.['新下检日']);
        const year=date.getFullYear()
        const month=date.getMonth()
        return <>{isNaN(year)? ' ' :year}年&nbsp;{isNaN(month)? ` ` :month}月</>
    },
};
/**
 * 不要重名了 ['附设装置名称','附设装置'] 可能莫名其妙报错的。台账snapshot.‘安装单位’等不能直接使用的，要本次最新:易变动。
 * */
export const config设备概况=[
    [['安装改造重大修理单位名称','新安装单']],
    [['施工单位特种设备生产许可证（受理决定书）编号','许可书号'],['安装改造重大修理单位负责人','安装单负']],
    [['施工单位生产许可证许可子项目','施许可子'],['施工单位联系电话','施工联系']],
    [['使用单位名称','_$使用单位']],
    [['使用单位地址','_$使用单位地址']],
    [['分支机构','_$分支机构']],
    [['分支机构地址','_$分支机构地址']],
    [['产权单位名称','_$产权单位']],
    [['产权单位地址','_$产权单位地址']],
    [['使用单位联系人','使单联人'],['使用单位安全管理人员','安全员']],
    [['使用单位联系电话','使单联电'],['安全管理人员联系电话','安全员电']],
    [['使用单位统一社会信用代码','_$使用单位信用码'],['管理部门类型','_$使管部类型']],
    [['制造单位名称','_$制造单位']],
    [['制造单位特种设备生产许可证编号','生产许号'],['制造单位生产许可证许可子项目','制许可子']],
    [['操纵方式',{n:'操纵方式',t:'l',l:['地面操纵','司机室操纵','遥控','多点操纵','其他']}],['作业环境',{n:'作业环境',t:'l',l:['室内','室外','吊运熔融金属','吊运炽热固体','防爆','绝缘']}]],
    [['防爆等级','_$防爆等级'],['进口情况','_$进口类型']],
    [['制造日期','_$制造日期'],['投入使用日期','_$投用日期']],
    [['单位内编号','_$单位内部编号'],['设计使用年限','_$设计使年限']],
    [['使用地点','使用地']],
    [['设备使用地点所在区域','使区域']],
    [['跨度','_$跨度','m'],['额定起重量','_$额定起重量','t']],
    [['起升速度','_$起升速','m/min'],['生产率','_$生产率','t/h']],
    [['起升高度',{n:'起升高度',t:'n',u:'m'}],['工作级别','_$工作级别']],
    [['主起升机构额定起重量',{n:'主起额起',u:'t'}],['副起升机构额定起重量','_$起升副额起','t']],
    [['大车速度','_$大车速度','m/min'],['小车速度','_$小车速度','m/min']],
    [['悬臂端有效长度L1','_$悬臂长1','m'],['悬臂端有效长度L2','_$悬臂长2','m']],
    [['其他主要参数',{n:'其他参数',t:'m'}]],
    [['检验时吊具',{n:'检吊具',t:'l',l:['吊钩','集装箱吊具','抓斗','起重电磁铁','真空吸盘','夹钳','其他']}],['主起升机构起升悬挂部件',{n:'主起悬挂',t:'l',l:['钢丝绳','环链','纤维绳','钢铰线','其他']}]],
    [['检验依据','检验依据',检验依据]],
    [['下次定期检验日期',undefined,render下检日],['是否流动作业',{n:'流动作业',t:'b'}]],
    [['现场检验条件',{r:'见附录13'}],['是否型式试验样机',{n:'型试样机',t:'b'}]],
    [['附设装置名称','附设装']],
    [['重大修理内容','',重大修理内容]],
    [['改造内容','',改造内容]],
    [['备注',{n:'概备注',t:'m'}]],
];
const dbName设备概况 =[] as any;
config设备概况.map(([[desc,name,cb],add2p] : any, i:number)=> {
    const [desc2, name2, cb2] = add2p || [];
    //【关键】名字变体,{n:'型试样机',t:'b'} 对象含义 .t：有几种情况t='b'布尔;='d'日期;='l'列表;默认是Input ,若又有u字段是单位辨识，就是附加后缀的input;另外l字段是文本数组[];r是文本代数据库:替代。t='n'纯数字,’m‘多行备注
    if(typeof name==='string' && !name?.startsWith('_$'))  dbName设备概况.push({name,desc,cb});
    else if(typeof name==='object' && name.n && !name.r)  dbName设备概况.push({name:name.n, desc,cb, type:name.t,unit:name.u,list:name.l});
    if(typeof name2==='string' && name2 && !name2.startsWith('_$'))  dbName设备概况.push({name:name2,desc:desc2,cb:cb2});
    else if(typeof name2==='object' && name2.n && !name2.r)  dbName设备概况.push({name:name2.n, desc:desc2,cb:cb2, type:name2.t,unit:name2.u,list:name2.l});
});

export const DeviceSurvey=
    React.forwardRef((
        { children, show ,alone=true,index,refWidth}: InternalItemProps&{index?:number,refWidth:number},  ref
    ) => {
        const getInpFilter = React.useCallback((par: any) => {
            let fields={} as any;
            dbName设备概况.forEach(({name}:any, i:number)=> {
                fields[name] =par[name];
            });
            daL改造内容.forEach(([_,name] : any, i:number)=> {
                fields[name] =par[name];
            })
            daL重大修理内容.forEach(([_,name] : any, i:number)=> {
                fields[name] =par[name];
            })
            return fields;
        }, []);
        const {inp, setInp} = useItemInputControl({ ref: null });       //ref变了 因不同用途了!!
        const theme = useTheme();
        console.log("dbName设备概况 ge",dbName设备概况.length);
        return (
            <Layer>
                设备概况除了台账外还需要修改的部分={index}:
                <LineColumnFlex  ref={ref as any}  refWidth={refWidth} column={8}>
                    {           /* 剔除最后一个”备注“要单独处理的 */
                        dbName设备概况.map(({name,desc,cb,type,unit,list} : any, i:number)=> {
                            if(i>=dbName设备概况.length-1)      return null;
                            if(cb?.edit){
                                return  cb.edit(inp,setInp);
                            }
                            else if(type==='l') return <InputLine key={i} label={desc}>
                                <InputDatalist value={(inp?.[name]) || ''} datalist={list}
                                               onListChange={v => {
                                                   setInp({ ...inp, [name]:v || undefined});
                                               } } />
                            </InputLine>;
                            else if(type==='d') return  <InputLine key={i} label={desc}>
                                <Input  value={inp?.[name] ||''}  type='date'
                                        onChange={e => setInp({ ...inp, [name]: e.currentTarget.value}) } />
                            </InputLine>;
                            else if(type==='b') return  <InputLine key={i} label={desc}>
                                <CheckSwitch  checked={inp?.[name] || false} onChange={e => setInp({...inp, [name]: inp?.[name]? undefined:true}) } />
                            </InputLine>;
                            else if(type==='m')  return <div key={i}>{desc}:
                                <TextArea  value={inp?.[name] ||''} rows={4}
                                           onChange={e => setInp({ ...inp, [name]: e.currentTarget.value||undefined}) } />
                            </div>;
                            else if(unit) return  <InputLine key={i} label={desc}>
                                <SuffixInput  value={inp?.[name] ||''} onSave={txt=> setInp({...inp,[name]: txt || undefined })}
                                              type={type==='n'? "number": undefined}>{unit}</SuffixInput>
                            </InputLine>;
                            else return  <InputLine label={desc+`:`} key={i}>
                                    <Input  value={inp?.[name] ||''} type={type==='n'? "number": undefined}
                                            onChange={e => {
                                                setInp({...inp,[name]:e.currentTarget.value || undefined});
                                            } } />
                                </InputLine>;
                        })
                    }
                </LineColumnFlex>
                备注：
                <TextArea  value={inp?.概备注 ||''} rows={5}
                           onChange={e => setInp({ ...inp, 概备注: e.currentTarget.value||undefined}) } />
            </Layer>
        );
    } );

interface LoginProps {
}
export const Login: React.FunctionComponent<LoginProps> = props => {
    const {user, setUser} =useContext(UserContext);
    //我的身份合法吗
    const [isMeUser, setIsMeUser] =React.useState(user!==null);
  const theme = useTheme();
  const qs = queryString.parse(window.location.search);
  const [isRegistering, setIsRegistering] = React.useState(
    typeof qs.register === "string"
  );

    const {call:submitfunc, doing:isInFlight}= {} as any;//useLoginMutation();
    const {call:registerfunc, isInFlight:isload, result:regOK}= {} as any;//useRegisterMutation();
  //const { result:regOK, submit:registerfunc, error:errReg } = useRegisterToServer(form);

    console.log("路由进入 登录伪2页面= isInFlight外部=",isInFlight,"user=",user);
    //都可能无法刷新？ <Redirect  to={from.pathname} />;  setLocation (to: Path, replace?: boolean)
    // React.useEffect(() => {
    //     if(user && !isMeUser)
    //         window.location.href = "/";       //强制刷新页面。
    //     //登录失败的？
    // }, [user,isMeUser]);
    const [tab, setTab] = React.useState(0);
    const tip断开=`"@media print": {pageBreakInside: 'avoid'}`;
    const [分页措施, set分页措施] = React.useState(0);

    const repContext = useEditStorageContext({});
    const [pipe, setPipe] = React.useState<boolean|undefined>(false);
    const [all, setall] = React.useState<boolean|undefined>(false);
    // const ref = useRef<{ openPrintDialog: () => Promise<void> }>();
    const [printDialogOpen, setPrintDialogOpen] = useState(false);
    // const atPrint = useMediaQuery({query: 'print'});      //要打印的
    const atPrint = useMedia('print');
    const {buttonProps, render} ={}as any //useDomPrinter({node:allhtml});
    const [refMyLineC,widthMyLinec]= useReferenceWidth();
  // @ts-ignore
    return (
    <React.Fragment>
        <Global
            styles={{
                html: {
                    [theme.mediaQueries.md]: {
                        backgroundAttachment: "fixed",
                        backgroundSize: "cover",
                        backgroundImage: `unset`
                    },
                    scrollbarGutter: 'stable', //解决布局副作用的循环地跳变问题！可能死循环。但是固定的会手机触摸屏的固定预留滚动条的位置?手机小屏幕就没必要做了不会拉拽窗口大小啊。
                    "#root #floormenu": {

                   },
                }
            }}
        />
        <EditStorageContext.Provider
            value={repContext}
        >
                <div ref={refMyLineC}></div>


                <div>
                    <div dangerouslySetInnerHTML={{__html: DATA_HTML1}}></div>
                </div>


                <Button css={{marginTop: theme.spaces.sm}} size="sm"
                        {...buttonProps}
                >{'结尾的，打印，我在 打印环境当中的：当前是最佳结果了'}</Button>



        </EditStorageContext.Provider>

    </React.Fragment>
    );
};


//用于动态加载，缺省的 [小心错误]function (for composite components) but got: object. Check the render
export default Login;

